<div class="m-layer" :class="{act:isAct}" :style="layerStyle" ref="layer" @mousedown="onActive" v-if="inited" v-show="isShow">
    <div class="layer-hd" ref="hd" @mousedown.self="onMove">
        <div class="tt" @mousedown.self="onMove">
            <slot name="hdtt">{{title}}</slot>
        </div>
        <div class="btns">
            <el-icon :size="18" @click.stop="trigger">
                <Close />
            </el-icon>
            <el-icon :size="18" @click.stop="onFullScreen" v-if="fullScreenable">
                <FullScreen v-if="!isFullScreen" />
                <CopyDocument v-if="isFullScreen" />
            </el-icon>
            <slot name="hdbtns"></slot>
        </div>
    </div>
    <div class="layer-bd" :style="bdStyle" ref="bd">
        <slot>hello</slot>
    </div>
    <div class="layer-ft" ref="ft">
        <slot name="ft"></slot>
    </div>
    <div class="resize" v-if="resizeable" @mousedown.self="onResize"></div>
</div>